<?php
 include("../conn.php");
?>

       

  <script>
  


  function busca_descripcion(producto)
  {
    var xmlhttp;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
     }
    else
    {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    xmlhttp.onreadystatechange=function()
    {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
      {
        document.getElementById("descripcion_"+producto).value=xmlhttp.responseText;
      }
    }
    xmlhttp.open("GET","ordenes/query_clave_descripcion.php?clave="+document.getElementById("clave_"+producto).value,true);
    xmlhttp.send();

     var xmlhttp2;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp2=new XMLHttpRequest();
     }
    else
    {// code for IE6, IE5
      xmlhttp2=new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    xmlhttp2.onreadystatechange=function()
    {
      if (xmlhttp2.readyState==4 && xmlhttp2.status==200)
      {
        document.getElementById("codigo_"+producto).value=xmlhttp2.responseText;
      }
    }
    xmlhttp2.open("GET","ordenes/query_clave_codigo.php?clave="+document.getElementById("clave_"+producto).value,true);
    xmlhttp2.send();

     var xmlhttp3;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp3=new XMLHttpRequest();
     }
    else
    {// code for IE6, IE5
      xmlhttp3=new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    xmlhttp3.onreadystatechange=function()
    {
      if (xmlhttp3.readyState==4 && xmlhttp3.status==200)
      {
        document.getElementById("unidades_"+producto).value=xmlhttp3.responseText;
      }
    }
    xmlhttp3.open("GET","ordenes/query_clave_unidades.php?clave="+document.getElementById("clave_"+producto).value,true);
    xmlhttp3.send();




  }

  function busca_clave(producto)
  {
    var xmlhttp;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
     }
    else
    {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    xmlhttp.onreadystatechange=function()
    {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
      {
        document.getElementById("descripcion_"+producto).value=xmlhttp.responseText;
      }
    }
    xmlhttp.open("GET","ordenes/query_codigo_descripcion.php?codigo="+document.getElementById("codigo_"+producto).value,true);
    xmlhttp.send();

     var xmlhttp2;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp2=new XMLHttpRequest();
     }
    else
    {// code for IE6, IE5
      xmlhttp2=new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    xmlhttp2.onreadystatechange=function()
    {
      if (xmlhttp2.readyState==4 && xmlhttp2.status==200)
      {
        document.getElementById("clave_"+producto).value=xmlhttp2.responseText;
      }
    }
    xmlhttp2.open("GET","ordenes/query_codigo_clave.php?codigo="+document.getElementById("codigo_"+producto).value,true);
    xmlhttp2.send();

    var xmlhttp3;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp3=new XMLHttpRequest();
     }
    else
    {// code for IE6, IE5
      xmlhttp3=new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    xmlhttp3.onreadystatechange=function()
    {
      if (xmlhttp3.readyState==4 && xmlhttp3.status==200)
      {
        document.getElementById("unidades_"+producto).value=xmlhttp3.responseText;
      }
    }
    xmlhttp3.open("GET","ordenes/query_codigo_unidades.php?codigo="+document.getElementById("codigo_"+producto).value,true);
    xmlhttp3.send();
  }

function siguiente_producto(num_producto)
{
   var xmlhttp4;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp4=new XMLHttpRequest();
     }
    else
    {// code for IE6, IE5
      xmlhttp4=new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    xmlhttp4.onreadystatechange=function()
    {
      if (xmlhttp4.readyState==4 && xmlhttp4.status==200)
      {
        document.getElementById("div_"+(num_producto++)).innerHTML=xmlhttp4.responseText;

      }
    }
    xmlhttp4.open("GET","ordenes/genera_campo_producto.php?siguiente="+num_producto,true);
    xmlhttp4.send();
  
  document.getElementById('productos').value=num_producto;
}

   

$(document).ready(function() {
   $("#fecha").datepicker({
     closeText: 'Cerrar',
        prevText: '&#x3c;Ant',
        nextText: 'Sig&#x3e;',
        currentText: 'Hoy',
        monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
        'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
        monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
        'Jul','Ago','Sep','Oct','Nov','Dic'],
        dayNames: ['Domingo','Lunes','Martes','Mi&eacute;rcoles','Jueves','Viernes','S&aacute;bado'],
        dayNamesShort: ['Dom','Lun','Mar','Mi&eacute;','Juv','Vie','S&aacute;b'],
        dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','S&aacute;'],
        weekHeader: 'Sm',
        dateFormat: 'yy-mm-dd',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: false,
        yearSuffix: ''


   });
 });
  </script>

              <h4>Agregar Orden de Compra</h4><br>

              <form name="forma" id="forma" method="POST" action="javascript:irforma('forma','ordenes/query_agregar_orden_compra.php','principal');">
                <table width="90%">
                  <tr>
                    <?php
                          $query="SELECT * FROM proveedor WHERE alta='0'";
                          $resultado=mysql_query($query);
                      ?>
                    <td width="30%"><label>Proveedor:</label></td>
                    <td width="3%"></td>
                    <td width="67%">
                      <select name="provee" id="provee">
                        <option value="0">Seleccione:</option>
                         <?php
                            while($row=mysql_fetch_array($resultado))
                            {
                              ?>
                                <option value="<?=$row['id']?>"><?=$row['nombre']?></option>
                              <?php
                            }

                        ?>
                      </select>
                    </td>
                  </tr>
                  <tr>
                    <td width="30%"><label>Fecha:</label></td>
                    <td width="3%"></td>
                    <td width="67%"><input type="text" id="fecha" name="fecha" readonly="readonly"></td>
                  </tr>
                  <tr>
                    <td width="30%"><label>Folio:</label></td>
                    <td width="3%"></td>
                    <td width="67%"><input type="text" id="folio" name="folio"></td>
                  </tr>
                 </table>
                 <br><br>
                 <div>
                  <table width="100%">
                    <tr>
                    <td width="15%"><label>Clave</label></td>
                    <td width="15%"><label>Codigo</label></td>
                    <td width="20%"><label>Descripcion</label></td>
                    <td width="15%"><label>Unidades</label></td>
                    <td width="10%"><label>Cantidad</label></td>
                    <td width="10%"><label>Precio</label></td>
                    <td width="15%"><label>Total</label></td>
                  </tr>
                  

                  </table>
                 </div>
                 <div id="div_1">

                  <table width="100%">
                    <tr>
                    <td width="15%"><input size="10" id="clave_1" name="clave_1" onblur="busca_descripcion(1);"></td>
                    <td width="15%"><input size="10" id="codigo_1" name="codigo_1" onblur="if(document.getElementById('clave_1').value==''){
                      busca_clave(1);
                    }"></td>
                    <td width="20%"><input size="20"  id="descripcion_1" name="descripcion_1" readonly="readonly"></td>
                    <td width="15%"><input size="15" id="unidades_1" name="unidades_1" readonly="readonly"></td>
                    <td width="10%"><input size="10"  id="cantidad_1" name="cantidad_1"></td>
                    <td width="10%"><input size="10"  id="precio_1" name="precio_1"></td>
                    <td width="15%"><input size="10"  id="total_1" name="total_1" onblur="siguiente_producto(2);"></td>
                  </tr>
                  </table>

                 </div>
                 <div id="div_2" name="div_2">


                 </div>
                <br>
                <br>
                <div  style="width:100%;" align="center">
                  <input type="button" value="Agregar" style="width:100px; height:33px; font:normal 15px 'News Cycle', arial, sans-serif;" onclick="document.getElementById('forma').submit();">
                  <input type="hidden" id="productos" name="productos" value="1">
                </div>

              </form>
        